<template>
	<view class="box">
		<!-- 导航栏 -->
		<uni-nav-bar left-icon="left" left-text="返回" title="资讯" height="126rpx" :border="false" />
		<!-- 搜索栏 -->
		<view class="info_box">
			<input class="info_inp" type="text" placeholder="搜索关键字"/>
			<view class="info_sou">
				<uni-icons custom-prefix="iconfont" type="icon-sousuo" color="#465054" size="38rpx"></uni-icons>
			</view>
		</view>
		<view class="info_Content">
			<view class="Content_box">
				<view class="Content_box_little">
					关于调整我行ATM跨行取现手续费收费标准的公示
				</view>
				<view class="Content_box_middle">
					2021-07-23
				</view>
				<view class="Content_box_Picture">
					<image src="../../static/images/information_one.jpg" class="Content_box_Picture_img"></image>
				</view>
			</view>
			<view class="Content_box">
				<view class="Content_box_little">
					施辉:从固定成本率比较你家公司能挣钱吗?
				</view>
				<view class="Content_box_middle">
					2021-11-01
				</view>
				<view class="Content_box_Picture">
					<image src="../../static/images/information_two.jpg" class="Content_box_Picture_img"></image>
				</view>
			</view>
			<view class="Content_box">
				<view class="Content_box_little">
					陈歆磊:从公牛电器被罚探讨转售价格限制
				</view>
				<view class="Content_box_middle">
					2021-11-01
				</view>
				<view class="Content_box_Picture">
					<image src="../../static/images/information_three.jpg" class="Content_box_Picture_img"></image>
				</view>
			</view>
			<view class="Content_box">
				<view class="Content_box_little">
					关于调整我行ATM跨行取现手续费收费标准的公示
				</view>
				<view class="Content_box_middle">
					2021-07-23
				</view>
				<view class="Content_box_Picture">
					<image src="../../static/images/information_one.jpg" class="Content_box_Picture_img"></image>
				</view>
			</view>
			<view class="Content_box">
				<view class="Content_box_little">
					施辉:从固定成本率比较你家公司能挣钱吗?
				</view>
				<view class="Content_box_middle">
					2021-11-01
				</view>
				<view class="Content_box_Picture">
					<image src="../../static/images/information_two.jpg" class="Content_box_Picture_img"></image>
				</view>
			</view>
			<view class="Content_box">
				<view class="Content_box_little">
					陈歆磊:从公牛电器被罚探讨转售价格限制
				</view>
				<view class="Content_box_middle">
					2021-11-01
				</view>
				<view class="Content_box_Picture">
					<image src="../../static/images/information_three.jpg" class="Content_box_Picture_img"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.box{
		width: 100%;
		height: 100%;
		// background-color: aqua;
		.info_box{
			height:83rpx;
			background-color: #f4f6f6;
			margin-left: 32rpx;
			margin-right: 32rpx;
			border-radius: 40rpx;
			position: relative;
			.info_inp{
				height:83rpx;
				padding-left: 35rpx;
			}
			.info_sou{
				position: absolute;
				top: 26rpx;
				right: 52rpx;
			}
		}
		.info_Content{
			height: 1278rpx;
			// background-color: blanchedalmond;
			margin-top: 71rpx;
			margin-right: 38rpx;
			margin-left: 32rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.Content_box{
				height: 163rpx;
				// background-color: blue;
				position: relative;
				.Content_box_little{
					width: 377rpx;
					height: 77rpx;
					// background-color: blueviolet;
					font-size: 30rpx;
				}
				.Content_box_middle{
					width: 134rpx;
					height: 21rpx;
					// background-color: brown;
					position: absolute;
					bottom: 0;
					color: #cfcfcf;
					font-size: 10rpx;
					line-height: 21rpx;
				}
				.Content_box_Picture{
					width: 243rpx;
					height: 163rpx;
					background-color: brown;
					position: absolute;
					top: 0;
					right: 0;
					.Content_box_Picture_img{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
	}
</style>
